<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <link href="css/style.css" rel="stylesheet"> -->
    </head>
    <body>
        
    </body>
    <script>
        // function test1(){
        //     console.log(new Date);
        //     setTimeout(()=>console.log(new Date),2000);
        // }
        // test1();

        // function test2(){
        //     console.log(new Date);
        //     let id=setTimeout(()=>console.log(new Date),5000);
        //     clearTimeout(id);
        // }
        // test2();

        function test2(){
            console.log(new Date);
            let id=setTimeout(()=>console.log(new Date),5000);
            setTimeout(()=>clearTimeout(id),6000);
        }
        test2();

        // function test3(){
        //     let num = 0;
        //     let intervalId = null;
        //     let addNum = function(){
        //         console.log(new Date);
        //         num++;
        //         if(num == 5){
        //             clearInterval(intervalId);
        //         }
        //     }
        //     intervalId=setInterval(addNum,1000);
        // }
        // test3();

        // function test4(){
        //     let num=0;
        //     let intervalId= null;
        //     let addNum=function (){
        //         num++;
        //         if(num<5){
        //             setTimeout(addNum,1000);
        //         }
        //         console.log(new Date);
        //     }
        //     addNum();
        // }
        // test4();
    </script>
</html>